<template>
  <div class="goods">
    <p>{{ name }}</p>
    <p>{{ age }}</p>
  </div>
</template>

<script>
export default {
  // 接受父组件传递过来的数据
  //接受到的数据跟data数据相同使用,,但是不能修改(两个大括号)
  // props: ["name", "age"],
  // props也可以写成对象格式(对象格式可以有更多的配置)
  //有三个配置可以使用 required表示必填;type类型约束;default默认值
  props: {
    name: {
      require: true, //表示父组件必须给我传递name
      type: String, //要求父组件传递过来的name必须是字符串类型
    },
    age: Number, // 表示父组件传递过来的值，必须是Number类型的
    sex: {
      default: "未知",
      type: [String, Number], //如果允许多种类型,则写成数组格式
    },
  },
};
</script>


<style>
.goods {
  padding: 10px;
  margin: 8px;
  background-color: pink;
  height: 100px;
}
</style>